.project-image {
    display: block;
    width: 66%;
    height: auto; /* maintain aspect ratio */
}

@media (orientation: portrait) {
    .project-image {
        width: 100%;
        height: auto;
    }
}

.fullbleed-project-image {
    width: 100%;
    height: auto;
}

.meta-info-grid {
    display: grid;
    grid-template-columns: 1fr 4fr;
    gap: 3vw; /* add some spacing between the two columns */
    /* padding-bottom: .5%; */
}

@media (orientation: portrait) {
    .meta-info-grid {
        grid-template-columns: 1fr; /* stack the columns on top of each other */
        gap: 1vh; /* maintain spacing between the stacked items */
    }
}

.collaborator {
    display: grid;
    align-items: end; /* vertically center the collaborator info */ 
}